<h2>评论（<span class="_comment_num">${page.totalElements!0}</span>）</h2>
<ul id="comments" data-page="1" data-id="0">

<div class="rev-list">
<ul>
    <#list page.content as c>
                <li class="rev-item comment-item clearfix">
                    <div class="user"><a class="avatar" href="#" target="_blank"><img
                            src="${(c.userImg)!}"
                            width="48" height="48"></a><span class="level"><span>Lv.</span>${c.userLv}</span></div>

                    <a class="useful _j_like_comment_btn"  title="点赞" data-id="${c.id}">
                        <i></i><span class="useful-num">${(c.thumbupnum)!}</span>
                    </a>

                    <a class="name" href="#" target="_blank">${(c.userName)!}</a>
                    <span class="s-star s-star${c.rank}"></span>
                    <p class="rev-txt"><br>
                        ${(c.comment)!}
                    </p>

                    <p class="rev-txt"><br>
                        <img src="${(c.comImg)!}" width="120px">
                    </p>


                    <div class="info clearfix">
                        <#--<form action="/hello" method="post">
                            <input type="hidden" name="id" value="${c.id}">
                            <input type="hidden" name="uid" value="${c.userId}">
                            <input type="text" name="content" >
                            <input type="submit" value="提交评论" >
                        </form>-->
                        <#--<a href="/hello?id=${c.id}&uid=${c.userId}" class="btn-comment _j_comment"  title="添加评论">
                            评论
                        </a>-->
                        <span class="time">${c.creatTime?string('yyyy-MM-dd HH:mm:ss')!}</span>
                        <span class="from">
                                此条点评来自<a href="#" target="_blank">http://www.wolfcode.cn</a>
                        </span>
                    </div>
                </li>

     </#list>

    </ul>
</div>
    <div style="float: right">
        <div style="float: left;" ><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
        <div id="pagination" class="jq-pagination" style="display: inline;"></div>
    </div>
    <script>
        $("#pagination").jqPaginator({
                totalPages: ${page.totalPages!0},
                visiblePages: 5,
                currentPage: ${page.number+1}||1,
                    prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                    next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                    page: '<a href="javascript:void(0);">{{page}}<\/a>',
                    last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
            onPageChange: function(page, type) {
            if(type == 'change'){
                $("#currentPage").val(page);
                $("#searchForm").submit();
            }

        }
        })
    </script>
    <script>
        $('.info').on("mouseout", function () {
            $(this).find(".rep-del").css("display", "none");
        }).on("mouseover", function () {
            $(this).find(".rep-del").css("display", "block");
        })

        //点赞
        $("._j_like_comment_btn").click(function () {
            var id = $(this).data("id");

            $.get("/scenic/commentThumbUp", {scenicCommentId:id}, function (data) {

                if(data.success){
                    $("#searchForm").submit();
                }else {
                    alert(data.msg);
                }

            })
        })

    </script>
</ul>